<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<title>新店</title>
	</head>
	<body>
		<div id="web">
			<div class="alert">
				<div class="alert1">
					<div class="alert-font">
						领取成功
					</div>
					<button onclick="openbtn1()">确定</button>
				</div>
				<div class="alert2">
					<div class="alert-font">
						你不是新用户，没有此福利
					</div>
					<button onclick="openbtn2()">确定</button>
				</div>
				<div class="alert3">
					<div class="alert-font">
						你已经领取过了
					</div>
					<button onclick="openbtn3()">确定</button>
				</div>
				<div class="alert4">
					<div class="alert-font">
						你已经抽奖过了
					</div>
					<button onclick="openbtn4()">确定</button>
				</div>
			</div>
			<div class="head">
				<img src="img/index/VEWD.jpg"/>
			</div>
			<div class="banan swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
		              <img src="img/index/shop1.png"/>
		            </div>
		            <div class="swiper-slide">
		              <img src="img/index/shop2.png"/>
		            </div>
		            <div class="swiper-slide">
		            	<img src="img/index/shop3.png"/>
		            </div>
				</div>
				<div class="swiper-button-prev swbtn swiper-button-white"></div>
    			<div class="swiper-button-next swbtn swiper-button-white"></div>
			</div>
			<div class="index_chou">
				<div class="index_open" onclick="showopen()">
					<img src="img/index/index_open.png"/>
				</div>
				<div class="index_chou2">
				</div>
				<div class="chou_botton" onclick="draw()">
					<img src="img/index/index_chou.png"/>
				</div>
				<div class="chou_juan">
					<!--<img src="img/index/img_four.png"/>-->
				</div>
			</div>
			<div class="new-people">
				<div class="new-pimg">
					<div class="p-img">
						<img src="img/index/new_people.png"/>
					</div>
				</div>
				<div class="new-input">
					<img src="img/index/new_shop.png"/>
					<div class="input-content">
						<div id="input_shop1" onclick="newbtn1()">
							<img src="img/index/new-shop1.jpg"/>
						</div>
						<a href="rent.html">
							<div id="input_shop2">
								<img src="img/index/new-shop2.png"/>
							</div>
						</a>
						<div id="input_shop3" onclick="newbtn3()">
							<img src="img/index/new-shop3.png"/>
						</div>
					</div>
				</div>
			</div>
			<div class="new-start">
				<div class="new-simg">
					<div class="s-img">
						<img src="img/index/start_money.png"/>
					</div>
				</div>
				<div class="start-input">
					<div class="start-content">
						<div class="start-head">
							<div class="start-img">
								<img src="img/index/start_one.png"/>
							</div>
						</div>
							<div class="start-go1">
								<div class="go-img1">
									<img src="img/index/start-li1.png"/>
								</div>
								<div class="go-button">
									<div class="button-imgs"  id="go_button1">
										导流件
									</div>
								</div>
							</div>
						<div class="start-go2">
							<div class="go-img1">
								<img src="img/index/start-li2.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button2">
									钨针夹
								</div>
							</div>
						</div>
						<div class="start-go3">
							<div class="go-img1">
								<img src="img/index/start-li3.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button3">
									导电嘴
								</div>
							</div>
						</div>
						<div class="start-go4">
							<div class="go-img2">
								<img src="img/index/start-li4.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button4">
									连杆
								</div>
							</div>
						</div>
						<div class="start-go5">
							<div class="go-img2">
								<img src="img/index/start-li5.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button5">
									瓷嘴	
								</div>
							</div>
						</div>
						<div class="start-go6">
							<div class="go-img2">
								<img src="img/index/start-li6.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button6">
									保护套
								</div>
							</div>
						</div>
						<div class="start-go7">
							<div class="go-img3">
								<img src="img/index/start-li7.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button7">
									地夹线
								</div>
							</div>
						</div>
						<div class="start-go8">
							<div class="go-img3">
								<img src="img/index/start-li8.png"/>
							</div>
							<div class="go-button">
								<div class="button-imgs"  id="go_button8">
									焊钳
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="new-feature">
				<div class="new-fimg">
					<div class="f-img">
						<img src="img/index/feature_head.png"/>
					</div>
				</div>
				<div class="feature-input">
					<div class="feature-content">
						<div class="feature-shop1">
							<img src="img/index/feature_shop1.png"/>
							<div class="feature-fonter">
								<b>3米网管</b>
								<b>喉箍</b>
								<b>1.8米地线</b>
								<b>快插</b>
								<b>8米TIG-150</b>
							</div>
						</div>
						<div class="feature-shop2">
							<img src="img/index/feature_shop2.png"/>
						</div>
					</div>
				</div>
		</div>
				<div class="rent_chou">
				</div>
				<div class="raffle">
					
				</div>
		</div>
		
		<script type="text/javascript">
			document.body.style.height=window.innerHeight+"px";
		</script>
		<script type="text/javascript">
		//动态改变根元素字体大小
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
												//字体大小 = 1个rem单位表示多少个像素，设备的宽度 / 设计宽度
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false);
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		 <script>
		    var swiper = new Swiper('.swiper-container', {
		      effect: 'coverflow',
		      grabCursor: true,
		      centeredSlides: true,
		      loop:true,
		      slidesPerView: 'auto',
		      coverflowEffect: {
		        rotate: 0,
		        stretch: 0,
		        depth: 100,
		        modifier: 10,
//		        slideShadows : true,
		      },
		      navigation: {
		      nextEl: '.swiper-button-next',
		      prevEl: '.swiper-button-prev',
		    },
		    });
		 </script>
		
		 <script src="js/index.js" type="text/javascript" charset="utf-8"></script>	</body>
</html>
